﻿@{
    Layout = null;
}

<!DOCTYPE html>

<html>
    <head>
        <title>设备保养系统Equipment maintenance system</title>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
        <!-- VENDOR CSS -->
        @Styles.Render("~/Content/Css")
        @Scripts.Render("~/Bundles/Modernizr")
    </head>

    <body>
        <!-- WRAPPER -->
        <div id="wrapper">
            <div class="vertical-align-wrap">
                <div id="mobileForm" class="vertical-align-middle text-center">
                    <button class="btn btn-primary" v-on:click="ShowMessage">Add Message</button>
                    <p v-for="(value, index) in messages">{{value}}</p>
                </div>
            </div>
        </div>

        @Scripts.Render("~/Bundles/Jquery")
        @Scripts.Render("~/Bundles/Vendor")
        @Scripts.Render("~/Vue/Mobile/Index")
    </body>
</html>
